<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>档案管理系统</title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
        <link rel="shortcut icon" href="../../../images/logo.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <style>
        .layui-layout-body{
            width: 100%;
            height: 100%;
        }
    </style>

</head>

<body class="layui-layout-body">
    <div id="LAY_app">
        <div class="layui-layout layui-layout-admin">
            <div class="layui-header">

                <!-- 头部区域 -->
                <ul class="layui-nav layui-layout-left">
                    <li class="layui-nav-item layadmin-flexible" lay-unselect>
                        <a href="javascript:;" layadmin-event="flexible" title="菜单">
                            <i class="layui-icon rightExtend iconfont" id="LAY_app_flexible">
                                &#xe604;
                            </i>    
                        </a>
                    </li>
                </ul>
                <!-- <ul class="title">
                    <div class="titleImg iconfont">
                        &#xe62e;
                    </div>
                    <p>济南一粒粟文化传播有限公司 <span>(数字化档案管理系统v3.0演示版)</span> </p>
                </ul> -->
                <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
                    <li class="layui-nav-item layui-hide-xs sendIndex" lay-unselect>
                        <a href="javascript:;" layadmin-event="theme">
                            <i class="layui-icon iconfont sendIco">
                                &#xe627;
                            </i>
                        </a>
                    </li>
                    <li class="layui-nav-item wechat" lay-unselect>
                        <a lay-href="" layadmin-event="message" lay-text="消息中心">
                            <i class="layui-icon iconfont infoIco">
                                &#xe605;
                            </i>
                            <!-- 如果有新消息，则显示小圆点 -->
                            <span class="layui-badge-dot"
                                style="background-color: #00ffea;margin-left: -10px !important;"></span>
                        </a>
                    </li>

                    <li class="layui-nav-item layui-hide-xs user_title" lay-unselect style="margin-right: 40px;">
                        <a href="javascript:;" layadmin-event="theme">
                            <i class="layui-icon iconfont peopleInfo">
                                &#xe607;
                            </i>
                            <!-- <img src="../images/search/arrow.png" alt="" class="select"> -->
                            <p class="userName">123456</p>

                        </a>

                        <dl class="layui-nav-child" id="information">
                            <dd>
                                <a lay-href="set/user/info.html">基本资料</a>
                            </dd>
                            <dd>
                                <a lay-href="set/user/password.html">修改密码</a>
                            </dd>
                            <hr />
                            <dd layadmin-event="logout" style="text-align: center">
                                <a>退出</a>
                            </dd>
                        </dl>
                    </li>


                    <li class="layui-nav-item layui-hide-xs" lay-unselect style="display: none;">
                        <a href="javascript:;" layadmin-event="theme">
                            <i class="layui-icon iconfont skin">
                                &#xe62b;
                            </i>
                        </a>
                    </li>

                </ul>
            </div>

            <!-- 侧边菜单 -->

            <div class="test" style="height: 800px;width: 200px;">
                <ul class="layui-nav layui-nav-tree menu" lay-shrink="all" id="LAY-system-side-menu"
                    lay-filter="layadmin-system-side-menu">
                    <div class="headerImg">
                        <dl>
                            <dd>
                                <img src="../images/index/header-bg.png" alt="">
                            </dd>
                        </dl>
                        <dt>工号: <span>123456</span> </dt>
                        <aside>欢迎登录</aside>


                    </div>
                    <li data-name="console" class="layui-nav-item layui-nav-itemed layui-this"
                        data-src="./console/console.html">
                        <a href="javascript:;" lay-tips="" lay-direction="2">
                            <i class="layui-icon  iconfont icon">
                                &#xe626;
                            </i>
                            <cite class="txt">首页</cite>
                        </a>

                    </li>
                    <li data-name="search" class="layui-nav-item" data-src="./search/search.html">
                        <a href="javascript:;" lay-tips="" lay-direction="2">
                            <i class="layui-icon iconfont icon">
                                &#xe614;
                            </i>
                            <cite class="txt">搜索</cite>
                        </a>
                    </li>
                    <li data-name="set" class="layui-nav-item  use1">
                        <a href="javascript:;" lay-tips="" lay-direction="2">
                            <i class="layui-icon iconfont icon">
                                &#xe621;
                            </i>
                            <cite class="txt">档案利用</cite>
                        </a>
                        <dl class="layui-nav-child menuChild">
                            <dd data-name="console " class="console">
                                <a lay-href="./search/search.html" data-src="./fileUse/fileMange.html"
                                    class="conChild">档案管理</a>
                            </dd>
                            <dd data-name="console " class="console">
                                <a lay-href="home/homepage1.html" data-src="./fileUse/receive.html"
                                    class="conChild">档案接收</a>
                            </dd>
                            <dd data-name="console " class="console">
                                <a lay-href="home/homepage1.html" data-src="./fileUse/archives.html"
                                    class="conChild">档案移交</a>
                            </dd>
                        </dl>
                    </li>
                    <li data-name="table" class="layui-nav-item" data-src="./table/table.html">
                        <a href="javascript:;" lay-tips="" lay-direction="">
                            <i class="layui-icon iconfont icon">
                                &#xe620;
                            </i>
                            <cite class="txt">常用表格打印</cite>
                        </a>
                    </li>
                    <li data-name="" class="layui-nav-item data1">
                        <a href="javascript:;" lay-tips="" lay-direction="2">
                            <i class="layui-icon  iconfont icon">
                                &#xe623;
                            </i>
                            <cite class="txt">数据中心</cite>
                        </a>
                        <dl class="layui-nav-child menuChild">
                            <dd data-name="console " class="console">
                                <a lay-href="home/console.html" data-src="./datacenter/zdxx.html"
                                    class="conChild">站点信息</a>
                            </dd>
                            <dd data-name="console " class="console">
                                <a lay-href="home/homepage1.html" data-src="./datacenter/czrz.html"
                                    class="conChild">操作日志</a>
                            </dd>
                            <dd data-name="console " class="console">
                                <a lay-href="home/homepage1.html" data-src="./datacenter/user.html"
                                    class="conChild">人员信息</a>
                            </dd>
                        </dl>
                    </li>
                    <li data-name="set" class="layui-nav-item" data-src="./fileUse/receive.html">
                        <a href="javascript:;" lay-tips="" lay-direction="2">
                            <i class="layui-icon iconfont icon">
                                &#xe622;
                            </i>
                            <cite class="txt">统计分析</cite>
                        </a>
                    </li>
                    <div class="fewer">
                        <img src="../images/index/up.png" alt="">
                    </div>
                </ul>
            </div>

            <!-- 主体内容 -->
            <div class="layui-body" id="LAY_app_body">
                <div class="layadmin-tabsbody-item layui-show">
                    <iframe src="console/console.html" frameborder="0" id="coniframe" class="layadmin-iframe"></iframe>
                </div>
            </div>

            <!-- 辅助元素，一般用于移动设备下遮罩 -->
            <div class="layadmin-body-shade" layadmin-event="shade"></div>
        </div>
    </div>
    <!-- 聊天列表隐藏域 -->
    <div style="display: none;" id="chatList">
            <div class="header" style="cursor: move;">

            </div>
            <div class="tabBar">
                <ul>
                    <li class="active mess">消息</li>
                    <li class="inform">通知</li>
                </ul>
            </div>
       
        <div class="contentBox">
            <div class="userList info" >
                <aside>
                    <a href="javascript:;">
                        <dl class="layui-icon  layui-icon-right  exIcon exIcon3">
                        </dl>
                        <dd>历城区A街道办事处(3/5)</dd>
                    </a>
                </aside>
                <ul class="listName listName3" style="display:none">
                   <a href="javascript:;">
                       <dl>
                           <dd>
                            <img src="../../images/chat/tx1.jpg" alt="">
                           </dd>
                           <dt >
                               <span class="txtActive">王晓丽-</span><p class="txtActive">02718186</p>
                           </dt>
                       </dl>
                        <li> 在线 </li>
                    </a>
                    <a href="javascript:;">
                        <dl>
                            <dd>
                                <img src="../../images/chat/tx2.jpg" alt="">
                            </dd>
                            <dt class="txtActive">
                                <span class="txtActive">张碧晨-</span><p class="txtActive">03708161</p>
                            </dt>
                        </dl>
                         <li> 在线 </li>
                     </a>
                     <a href="javascript:;">
                        <dl>
                            <dd>
                             <img src="../../images/chat/tx3.jpg" alt="">
                            </dd>
                            <dt class="txtActive">
                                <span class="txtActive">谢霆锋-</span><p class="txtActive">27123456</p>
                            </dt>
                        </dl>
                         <li> 在线 </li>
                     </a>
                     <a href="javascript:;">
                        <dl>
                            <dd>
                             <img src="../../images/chat/tx4.jpg" alt="">
                            </dd>
                            <dt>
                                <span>春华-</span><p>027181600</p>
                            </dt>
                        </dl>
                         <li> 在线 </li>
                     </a>
                     <a href="javascript:;">
                        <dl>
                            <dd>
                             <img src="../../images/chat/tx3.jpg" alt="">
                            </dd>
                            <dt>
                                <span>章子怡-</span>
                                <p>0271812006</p>
                            </dt>
                        </dl>
                        <li> 在线 </li>
                    </a>
                </ul>
            </div>
            <div class="userList info" >
                <aside>
                    <a href="javascript:;">
                        <dl class="layui-icon  layui-icon-right  exIcon2">
                        </dl>
                        <dd>历城区B街道办事处(3/5)</dd>
                    </a>
                </aside>
                <ul class=" listName listName2" style="display:none">
                   <a href="javascript:;">
                       <dl>
                           <dd>
                            <img src="../../images/chat/tx1.jpg" alt="">
                           </dd>
                           <dt >
                               <span class="txtActive">王晓丽-</span><p class="txtActive">02718186</p>
                           </dt>
                       </dl>
                        <li> 在线 </li>
                    </a>
                    <a href="javascript:;">
                        <dl>
                            <dd>
                                <img src="../../images/chat/tx2.jpg" alt="">
                            </dd>
                            <dt class="txtActive">
                                <span class="txtActive">张碧晨-</span><p class="txtActive">03708161</p>
                            </dt>
                        </dl>
                         <li> 在线 </li>
                     </a>
                     <a href="javascript:;">
                        <dl>
                            <dd>
                             <img src="../../images/chat/tx3.jpg" alt="">
                            </dd>
                            <dt class="txtActive">
                                <span class="txtActive">谢霆锋-</span><p class="txtActive">27123456</p>
                            </dt>
                        </dl>
                         <li> 在线 </li>
                     </a>
                     <a href="javascript:;">
                        <dl>
                            <dd>
                             <img src="../../images/chat/tx4.jpg" alt="">
                            </dd>
                            <dt>
                                <span>春华-</span><p>027181600</p>
                            </dt>
                        </dl>
                         <li> 在线 </li>
                     </a>
                     <a href="javascript:;">
                        <dl>
                            <dd>
                             <img src="../../images/chat/tx3.jpg" alt="">
                            </dd>
                            <dt>
                                <span>章子怡-</span>
                                <p>0271812006</p>
                            </dt>
                        </dl>
                        <li> 在线 </li>
                    </a>
                </ul>
            </div>
            <div class="userList userList2" style="display: none;">
                <aside>
                    <a href="javascript:;">
                        <dl class="layui-icon  layui-icon-right  exIcon exIcon4">
                        </dl>
                        <dd>历城区A街道办事处(3/5)</dd>
                    </a>
                </aside>
                <ul class="listName listName4" style="display: none;">
                   <a href="javascript:;">
                       <dl>
                           <dd>
                            <img src="../../images/chat/tx1.jpg" alt="">
                           </dd>
                           <dt >
                               <span class="txtActive">王晓丽-</span><p class="txtActive">02718186</p>
                           </dt>
                       </dl>
                        <li> 在线 </li>
                    </a>
                 
                   
                </ul>
            </div>
        </div>
     

    </div>

    <script src="../layui/layui.all.js"></script>
    <script src="../js/index.js"></script>



</body>

</html>